<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>adAdress</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Fashionpress Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="../client/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="../client/css/style.css" rel='stylesheet' type='text/css' />
    <link href="../client/css/pageSplit.css" rel='stylesheet' type='text/css' />
    <link href='http://fonts.useso.com/css?family=Lato:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="../client/js/jquery-1.11.1.min.js"></script>
    <script src="../client/js/responsiveslides.min.js"></script>
    <script src="../client/js/pageSplit.js"></script>
    <script src="../client/js/jsAddress.js"></script>


    <!--引入bootstrap-->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.js"></script>
    <script
		  src="https://code.jquery.com/jquery-3.4.1.js"
		  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
		  crossorigin="anonymous"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                nav: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
    <script type="text/javascript" src="../client/js/hover_pack.js"></script>
</head>
<body>
<div class="header">
    <div class="header_top">
        <div class="container">
            <div class="logo">
                <a th:href="@{'/index'}"><img src="../client/images/logo.png" alt=""/></a>
            </div>
            <ul class="shopping_grid">
                <a th:href="@{'/register/'}"><li>注册</li></a>
                <a th:href="@{'/login/'}"><li>登录</li></a>
                <a href="#"><li><span class="m_1">购物车</span>&nbsp;&nbsp;(0) &nbsp;<img src="../client/images/bag.png" alt=""/></li></a>
                <div class="clearfix"> </div>
            </ul>
            <div class="clearfix"> </div>
        </div>
    </div>
    <div class="h_menu4"><!-- start h_menu4 -->
        <div class="container">
            <a class="toggleMenu" href="#">Menu</a>
            <ul class="nav">
                <li class="active"><a th:href="@{'/index'}" data-hover="Home">Home</a></li>
                <li><a href="about.html" data-hover="关于我们">About Us</a></li>
                <li><a href="#" data-hover="个人中心">Careers</a></li>
                <li><a th:href="@{/myorder/}" data-hover="我的订单">Company Registration</a></li>
                <li><a href="#" data-hover="购物车">Wish List</a></li>
            </ul>
            <script type="text/javascript" src="../client/js/nav.js"></script>
        </div><!-- end h_menu4 -->
    </div>
</div>
<div class="slider">
    <div class="callbacks_container">
        <ul class="rslides" id="slider">
            <li><img src="../client/images/banner1.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>We Provide Worlds top fashion for less fashionpress.</h1>
                    <h2>FashionPress the name of the of hi class fashion Web FreePsd.</h2>
                </div>
            </li>
            <li><img src="../client/images/banner2.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>Duis autem vel eum iriure dolor in hendrerit.</h1>
                    <h2>Claritas est etiam processus dynamicus, qui sequitur .</h2>
                </div>
            </li>
            <li><img src="../client/images/banner3.jpg" class="img-responsive" alt=""/>
                <div class="banner_desc">
                    <h1>Ut wisi enim ad minim veniam, quis nostrud.</h1>
                    <h2>Mirum est notare quam littera gothica, quam nunc putamus.</h2>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="column_center">
    <div class="container">
        <div class="search">
            <div class="stay">Search Product</div>
            <div class="stay_right">
                <input type="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
                <input type="submit" value="">
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<div class="main">
    <div class="content_top">
        <div class="container">
        	<div class="row clearfix">
				<div class="col-md-12 column">
					<form role="form" action="add" method="post" id="form">
						<div class="form-group">
							 <input type="hidden" class="form-control" id="addressBase" name="addressBase"  />
						</div>
						<div class="form-group">
                            地区：
                            <select class="form-control" id="cmbProvince" name="cmbProvince" ></select>
                            <select class="form-control" id="cmbCity" name="cmbCity" ></select>
                            <select class="form-control" id="cmbArea" name="cmbArea" ></select>

                        </div>
						<div class="form-group">
							 <label for="addressPlace">详细地址：</label><input type="text" class="form-control" id="addressPlace" name="addressPlace" size="30" placeholder="30字以内" />
						</div>
						<div class="form-group">
							 <label for="addressName">联系人：</label><input type="text" class="form-control" id="addressName" name="addressName" />
						</div>
						<div class="form-group">
							 <label for="addressPhone">电话：</label><input type="tel" class="form-control" id="addressPhone" name="addressPhone" />
						</div>
						<div>
							 <label><input type="radio" name="addressStatus" value="0" />默认地址</label>
							 <label><input type="radio" name="addressStatus" value="1" />基本地址</label>
						</div>
                        <button type="submit" class="btn btn-default"><input type="submit" value="Submit"></button>
					</form>
				</div>
			</div>


        </div>
    </div>
</div>
<div class="footer_bg">
</div>
<div class="footer">
    <div class="container">
        <div class="col-md-3 f_grid1">
            <h3>About</h3>
            <a href="#"><img src="../client/images/logo.png" alt=""/></a>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
        </div>
        <div class="col-md-3 f_grid1 f_grid2">
            <h3>Follow Us</h3>
            <ul class="social">
                <li><a href=""> <i class="fb"> </i><p class="m_3">Facebook</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="tw"> </i><p class="m_3">Twittter</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="google"> </i><p class="m_3">Google</p><div class="clearfix"> </div></a></li>
                <li><a href=""><i class="instagram"> </i><p class="m_3">Instagram</p><div class="clearfix"> </div></a></li>
            </ul>
        </div>
        <div class="col-md-6 f_grid3">
            <h3>Contact Info</h3>
            <ul class="list">
                <li><p>Phone : 1.800.254.5487</p></li>
                <li><p>Fax : 1.800.254.2548</p></li>
                <li><p>Email : <a href="mailto:info(at)fashionpress.com"> info(at)fashionpress.com</a></p></li>
            </ul>
            <ul class="list1">
                <li><p>Aliquam augue a bibendum ipsum diam, semper porttitor libero elit egestas gravida, ut quam, nunc taciti</p></li>
            </ul>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<div class="footer_bottom">
    <div class="container">
        <div class="cssmenu">
            <ul>
                <li class="active"><a href="/login/">Privacy Policy</a></li> .
                <li><a href="checkout.html">Terms of Service</a></li> .
                <li><a href="checkout.html">Creative Rights Policy</a></li> .
                <li><a href="login.html">Contact Us</a></li> .
                <li><a href="register.html">Support & FAQ</a></li>
            </ul>
        </div>
        <div class="copy">
            <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>

<script>
	$(document).ready(function(){

        $("#form").submit(function(){
            $ids = $("#cmbProvince").val()+" "+$("#cmbCity").val()+" "+$("#cmbArea").val();
            $("#addressBase").value=$ids;

        })
	});

</script>
<script>
    $(document).ready(function(){
        addressInit('cmbProvince', 'cmbCity', 'cmbArea');


    });
</script>
</body>
</html>